let chartDataStr = decodeHtml(chartData);   //使用解码HTML函数，获得字符串
let chartJsonArray = JSON.parse(chartDataStr);   //JSON.parse：读取JSON字符串，转化为数组
//获得的数组赋值给变量chartJsonArray

let arrayLength = chartJsonArray.length;
let numericData = [];
let labelData = [];

for(let i = 0; i < arrayLength ; i++){
    numericData[i] = chartJsonArray[i].value;
    labelData[i] = chartJsonArray[i].label;

}
// 饼图
const data = {
    labels: labelData,  //对应各个区块数据的名称，存放到这个后来定义的数组中
    datasets: [{
        label: 'My First Dataset',
        data: numericData,  //需要的数据放到这个后来定义的数组中
        backgroundColor: [
            'rgb(255, 99, 132)',
            'rgb(54, 162, 235)',
            'rgb(255, 205, 86)'
        ],
        hoverOffset: 4
    }]
};

//配置选项，用于显示图表标题
const options = {
    plugins:{
        title:{
            display:true,
            text:'项目状态'
        }
    }
}


new Chart(document.getElementById("myPieChart"),{
    type:'pie',
    data: data,
    options: options    //选项选择【options】在我们上面的配置中，用于显示图表标题
})

//  处理html的转义字符的解码函数，结果返回[{"value": 1 ,"label":"未开始} , ....（--- {"进行中",1} , {"已完成",1}...等同理 --- ） }]
function decodeHtml(html){
    let txt = document.createElement("textarea");
    txt.innerHTML = html;
    return txt.value;
}

